import React from "react";
import styles from "./xxtv-card.module.scss"
const XxtvCard = ({
    style = {},
    title = "卡片模块",
    ActionElement = Node,
    children = Node,
}) => {

    return (
        <>
            <div className={styles.module} style={{ ...style }}>
                <div className="border">
                    <div className="card" >
                        {/* 头部模块 */}
                        <div className="header">
                            <div className="title">
                                <span className="icon"></span>
                                <span className="text">
                                    {title}
                                </span>
                            </div>
                            <div className="action">
                                {ActionElement}
                            </div>
                        </div>
                        {/* 内容 */}
                        <div className="center">
                            {children}
                        </div>
                    </div>
                </div>
            </div >
        </>
    )
}
export default XxtvCard;